h3 {
  background-color: #CCC7BF;
  background-image: linear-gradient(bottom, #F5EFE6 14%, #F5EFE6 57%);
  background-image: -o-linear-gradient(bottom, #F5EFE6 14%, #F5EFE6 57%);
  background-image: -moz-linear-gradient(bottom, #F5EFE6 14%, #F5EFE6 57%);
  background-image: -webkit-linear-gradient(bottom, #F5EFE6 14%, #F5EFE6 57%);
  background-image: -ms-linear-gradient(bottom, #F5EFE6 14%, #F5EFE6 57%);
}

h3 a {
  background: url("sprite.png") 15px 13px no-repeat;
  display: block;
  padding-left: 32px;
  padding-top:8px;
  padding-bottom:10px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid rgba(138, 148, 124, 0.5);
}
h3 a:hover {
   color: #fff;
   text-shadow: 1px 1px 1px #999;
  text-decoration: none;
}
h3:hover { background: #CCC7BF; }
h3.open  { color: #fff;background: #CCC7BF;   text-shadow: 1px 1px 1px #999;}
h3.open a { color: #fff;background-position: 13px -25px; text-decoration: none;}
h3 + div { padding: 10px; }
h3.open + div {
    border-left:1px solid #f1f1f1;
    border-right:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
}

/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
}
#custom-show-hide-example {
    clear:both;
    position:relative;
}

/* CSS3 Animation example
--- */
#css3-animated-example {
    clear:both;
    position:relative;
}
#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 10px;
}

#css3-animated-example h3.open + div {
  height: auto;
  background: #F5EFE6;
}

/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}

